<template>
  <a-modal
    title="查看"
    :width="640"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @cancel="handleCancel"
  >
    <div class="review_look">
      <a-rate v-model="value" />
      <a-card style="min-width: 300px">
        <p class="review_look_content" v-html="content"></p>
      </a-card>
    </div>
    <template slot="footer">
      <a-button type="primary" key="cancel" @click="handleCancel">确定</a-button>
    </template>
  </a-modal>
</template>

<script>

export default {
  name: 'LookModel',
  components: {
  },
  data () {
    return {
      content: '',
      value: 0,
      visible: false,
      confirmLoading: false
    }
  },
  methods: {
    look (record) {
      this.visible = true
      this.value = record.starLevel
      this.content = record.content
    },
    handleCancel () {
      this.visible = false
    }
  }
}
</script>
<style lang="less" scoped>
.review_look{
    text-align: center;
}
.review_look /deep/ .ant-card-body {
    padding: 10px;
    .review_look_content{
        margin: 0px;
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        color: #333;
    }
}
.review_look /deep/ .ant-rate{
    font-size: 50px;
    margin-bottom: 20px;
}
.ant-btn{
    display: block;
    width: 50%;
    margin:20px auto;
}
</style>
